<?php if(!defined('HDPHP_PATH'))exit;C('SHOW_NOTICE',FALSE);?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>分类列表</title>
	 <script type="text/javascript" src="http://127.0.0.1/mogujie/Static/js/jquery-1.8.2.min.js"></script>
     <script src="http://127.0.0.1/mogujie/Static/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
	 <script type="text/javascript">
    		
    		$(function(){
    			//让所有的子分类隐藏
    			$('tr[pid!=0]').hide();
    			//点击展开或者是收缩按钮
    			$('.click').toggle(function(){
//  				alert(1);
    				$(this).removeClass('glyphicon-plus').addClass('glyphicon-minus');
    				//显示子分类
    				var cid = $(this).parents('tr').attr('cid');
    				$('tr[pid='+cid+']').show();
    			},function(){
    				$(this).removeClass('glyphicon-minus').addClass('glyphicon-plus');
    				//显示子分类
    				var cid = $(this).parents('tr').attr('cid');
    				$('tr[pid='+cid+']').hide();
    				hideTr(cid);
    			})
    		})
    	
    		/**
    		 * 隐藏所有的子分类的tr
    		 */
    		function hideTr(cid){
    			var obj = $('tr[pid='+cid+']');
    			$.each(obj, function() {
    				//收起来变成加号
    				obj.find('a.glyphicon-minus').removeClass('glyphicon-minus').addClass('glyphicon-plus');
    				//隐藏
				obj.hide();		                                                          
			});
			//如果有子分类的时候，递归
			if(obj.length>0){
				var id = obj.attr('cid');
				hideTr(id);
			}
    		}
    		
    </script>
	 <!-- Bootstrap core CSS -->
    <link href="http://127.0.0.1/mogujie/Static/Admin/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="http://127.0.0.1/mogujie/Static/hdjs/hdjs.css"/>
    <!-- Custom styles for this template -->
    <!-- template styles-->
</head>
<body style="margin-left: 30px; background: #F3F3F3;">
		<h2 class="sub-header">分类列表</h2>
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr pid=0>
                	<th></th>
                  <th>分类id</th>
                  <th>分类名称</th>
                  <th>排序</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
              	 <?php foreach ($data as $k=>$v){?>
	                <tr cid="<?php echo $v['cid'];?>" pid="<?php echo $v['pid'];?>">
	                	<td width="30">
	            			<a href="javascript:;" class="glyphicon glyphicon-plus click"></a>
	            		</td>
	                	<!--id-->
	                  <td><?php echo $v['cid'];?></td>
	                  <!--name-->
	                  <td><?php echo $v['_name'];?></td>
	                  	<!--title-->
	                  <td><input type="" name="" id="" value="" /></td>                
	                  <!--是否显示-->
					  <!--操作-->
	                  <td>
	                  	<a href="<?php echo U('Category/addSon',array('cid'=>$v['cid']));?>" class="btn btn-primary btn btn-primary btn-xs">添加子分类</a>
	                  	<a href="<?php echo U('edit',array('cid'=>$v['cid']));?>" class="btn btn-warning btn btn-primary btn-xs">编辑</a>
	                  	<a href="javascript:del_modal(<?php echo $v['cid'];?>)" class="btn btn-danger btn btn-primary btn-xs">删除</a>
	                  </td>
	                </tr>
                <?php }?>
              </tbody>
            </table>
          </div>
</body>
</html>
<script type="text/javascript">
	function del_modal(cid){
		hd_modal({
            width: 400,//宽度
            height: 120,//高度
            title: '确认删除吗？',//标题
            content: '',//提示信息
            button: true,//显示按钮
            button_success: "确定",//确定按钮文字
            button_cancel: "取消",//关闭按钮文字
            timeout: 0,//自动关闭时间 0：不自动关闭
            shade: true,//背景遮罩
            shadeOpacity: 0.3,//背景透明度
            success: function () {//点击确定后的事件
				location.href='<?php echo U("del");?>' + '&cid=' + cid;
            },
            cancel: function () {//点击关闭后的事件

            }
        });
	}
</script>
